<template>
	<el-card class="box-card">
		<div slot="header" class="clearfix">
			<h1>工具标题</h1>
			<el-button style="float: right; padding: 3px 0" type="text">收藏</el-button>
		</div>
		<div class="text item article-content">
			工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文
			工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文
			工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文
			工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文
			工具正文工具正文工具正文工具正文工具正文工具正文工具正文工具正文
		</div>
	</el-card>
</template>
<style>
	.text {
		font-size: 14px;
	}

	.item {
		margin-bottom: 18px;
	}

	.clearfix:before,
	.clearfix:after {
		display: table;
		content: "";
	}

	.clearfix:after {
		clear: both
	}

	.box-card {
		width: 100%;
	}
</style>
